<template>
  <div id="app">
    <router-view />
    <div class="link-container">
      <router-link to="/" class="centered-link">滨海</router-link>
      <router-link to="/chashan" class="centered-link">茶山</router-link>
      <router-link to="/yueqing" class="centered-link">乐清</router-link>
      <router-link to="/studentSystem" class="centered-link">学生管理系统</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

<style>
#app {
  text-align: center;
}

.link-container {
  margin-top: 20px;
}

.centered-link {
  margin: 10px;
  text-decoration: none; /* 可选：去除超链接下划线 */
  color: blue; /* 可选：设置超链接颜色 */
}
</style>